<template>
	<view class="mine">
		<view class="top bottom">
			<view class="topContents" @click="informed">
				<view class="topContentTitle">知情同意书</view>
				<view><u-icon name="arrow-right" size="26rpx"></u-icon></view>
			</view>
			<view style="height: 1rpx; width: 100%; background: #f3f3f3"></view>
			<view class="topContents" @click="userDetail">
				<view class="topContentTitle">用户协议</view>
				<view><u-icon name="arrow-right" size="26rpx"></u-icon></view>
			</view>
			<view style="height: 1rpx; width: 100%; background: #f3f3f3"></view>
			<view class="topContents" @click="private">
				<view class="topContentTitle">隐私政策</view>
				<view>
					<u-icon name="arrow-right" size="26rpx"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		userDetail() {
			this.$tab.navigateTo('/subset/pages/setting/agreement');
		},
		private() {
			this.$tab.navigateTo('/subset/pages/setting/policy');
		},
		informed() {
			this.$tab.navigateTo('/subset/pages/setting/informed');
		}
	}
};
</script>

<style scoped lang="scss">
page {
	background: #fafafa;
	font-family: Microsoft YaHei;
}

.mine {
	width: 100%;
	padding: 20rpx 18rpx;
	box-sizing: border-box;
}

.top {
	width: 100%;
	padding: 0px 48rpx;
	background: #fff;
	border-radius: 16rpx;
	border: 1px solid #e4e4e4;

	.topContents {
		display: flex;
		align-items: center;
		height: 111rpx;
		justify-content: space-between;

		.topContentTitle {
			margin-left: 32rpx;
			font-weight: 400;
			font-size: 30rpx;
			color: #333333;
		}
	}
}

// .bottom {
// 	margin-top: 17rpx;
// }
</style>
